<script setup>
import {RouterLink, RouterView} from 'vue-router'
import TopBar from "@/components/topbar/TopBar.vue";
</script>

<template>
  <div class="w-screen h-screen bg-gray-100 flex flex-col">
    <TopBar/>
    <div class="flex-1 overflow-y-scroll hide-scrollbar">
      <RouterView/>
    </div>
  </div>
</template>

<style scoped>
/deep/ .el-dialog {
  border-radius: 20px !important;
}

/deep/ .el-pager li.is-active {
  color: var(--themeColor);
}

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}

.hide-scrollbar {
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
  scrollbar-width: none; /* For Firefox */
}

</style>
